<template>
    <div class="manv">
        <ul class="manv">
            <li>
                <router-link to="/FinanceManager" activeClass="active" replace>
                    <i class="code fa-th"></i>
                    <span>报表管理</span>
                </router-link>
            </li>
            <!-- <li>
                <router-link to="/RoleManager" activeClass="active" replace>
                    <i class="code fa-cogs"></i>
                    <span>权限分配</span>
                </router-link>
            </li> -->
        </ul>
    </div>
</template>
<style scoped>
.manv ul li {
  height: 50px;
  line-height: 50px;
}

.manv ul li .code {
  margin-right: 5px;
}

.manv ul li a {
  display: block;
  padding: 0 15px;
  color: #98a8bd;
}

.manv ul li a:hover {
  background-color: #e8e8e8;
}

.manv ul li span {
  font-size: 14px;
}

.manv ul li .active {
  background-color: #30a5ff;
  color: #fff;
}

.manv ul li .active:hover {
  background-color: #30a5ff;
  color: #fff;
}
</style>